草庐IT

Delphi XE 构建事件.. 全局?

全部标签

javascript - 在 Angular 2 应用程序中全局使用 jQuery

我正在尝试弄清楚如何在我的angular2应用程序中全局使用jQuery,到目前为止我发现的唯一合理来源是这个stackoverflowanswer但是我似乎无法让它工作。有没有一种方法可以使用npm包管理而不是tsd来实现这一点(这个命令对我不起作用,我认为它来自typescript,但似乎不是)。在此之后,我想我需要在我的app.ts文件中引用jQuery吗?(bootstrap.ts用来启动应用程序的主文件)这是我的项目结构appcomponentsapp.tsservicestypingsbootstrap.tsindex.html以及我认为需要用于jQuery实现的一些代码示

javascript - 通过使用不同的选择器选择一个元素来赋予一个元素多个事件处理程序

我有几个“事件”类,涵盖了我的一些svg元素。我正在为每个类分配一个用于mouseover和mouseout的事件处理程序,如果一个元素有多个类,我希望两个处理程序都触发。我该怎么做呢?似乎当我这样做的时候d3.selectAll(".a-class").on("mouseover",function(){//doA}).etc();d3.selectAll(".another-class").on("mouseover",function(){//doB}).etc();然后,当我将鼠标悬停在具有两个类的元素上时,只有B(第二个处理程序)触发,显然是因为它覆盖了第一个。有没有一种方法

javascript - 通过 Webpack 全局导入 Javascript 库

我正在尝试从我的html中删除javascript库的脚本标签,因此从模板页面中删除了underscore.js。为了替换它,在我的index.js(webpack入口点)中,我有以下内容import'underscore';当我这样做时,webpack输出的bundle.js文件的大小增加了50k,所以我知道库在bundle.js中。但是,当我尝试在包含bundle.js的页面的控制台中使用它时,下划线不可用。如有任何想法,我们将不胜感激。constwebpack=require('webpack');constpath=require('path');constprecss=req

javascript - 为什么 onload 事件在使用 window.open 打开的选项卡上不起作用?

我打开一个新的空白标签。现在我需要从这个选项卡在新选项卡中打开一个网站。我这样做如下。在它的控制台我写:varwild=window.open("https://css-tricks.com/","mywin",'');这很好用。现在我可以使用wild.document访问这个新窗口。现在我希望在加载dom后在该页面上执行一些代码。我将onload事件用作:functionfoo(){varmytext=wild.document.body.textContent;alert(mytext);}wild.addEventListener("load",foo);但不幸的是,警报并没有发

javascript - 如何在 CSS 模块中使用全局父选择器

我正在使用CSSModules在React应用程序中。我还有一个dropdowncomponent具有一些全局样式(我很高兴,因为我想重复使用一般样式)。当下拉菜单处于事件状态时,将应用CSS类(.dropdown--active)。有没有一种方法可以将全局类与我的组件的局部范围样式一起包含在内?即,我想要的是让它起作用:.myClass{color:red;}:global.dropdown--active.myClass{color:blue;}但是,该语法使整个选择器成为全局选择器,这不是我所追求的:我希望将.myClass限定在组件范围内。 最佳答案

javascript - jquery 在执行之前的事件之前等待 for 循环完成

我有一个在点击事件时触发的函数。函数里面第一行是显示一个overlay,然后是一个for循环。我希望该函数首先显示叠加层,然后继续for循环。相反,只有在for循环完成后才会显示覆盖。这是jsFiddleLink$(document).on("click",function(){$("h1").text("Clicked");for(vari=0;i 最佳答案 View不会在同一个线程或同一个执行流程中更新。它将使用失效技术。这意味着View更新会推迟一段时间,这样我们就可以以最小的努力进行大量更新。javascript是单线程方式

javascript - 父目标子对象上的 addEventListener 事件

我正在做一个小应用程序只是为了学习ES6的东西,我发现addEventListener和父/子事件有问题。我有一个由几个div组成的菜单,这些div有一个图像(一个头像)和一些文本。每个div都有一个data-id属性来获取被点击的元素的id,我在每一行上放置了一个addEventListener:Loremipsum...和js:constrows=document.querySelectorAll('.row');rows.forEach(row=>row.addEventListener('click',selectRow));functionselectRow(e){varro

javascript - 为javascript插入的元素添加点击事件

如果我点击第一个“编辑”,我会得到一个console.log('clickhappend')但是如果我通过javascript添加其中一个框(点击“添加框”)然后从这个新框中编辑click不起作用。我知道这是因为javascript在元素不存在时运行,这就是为什么没有点击事件监听器的原因。我也知道使用jQuery我可以这样做:$('body').on('click','.edit',function(){//dowhatever};这样就可以了。但是我如何使用纯Javascript执行此操作?我找不到任何有用的资源。创建了一个我想工作的简单示例。解决这个问题的最佳方法是什么?所以问题是

JavaScript 事件循环 : Queue vs Message Queue vs Event Queue

阅读了大量的JavaScript事件循环教程,我看到了不同的术语来标识队列存储消息,当调用堆栈为空时,事件循环准备好获取消息:队列消息队列事件队列我找不到规范的术语来识别它。甚至MDN似乎也对theEventLooppage感到困惑因为它首先称它为队列,然后是消息队列,但在标签中我看到了事件队列。循环的这一部分是否在某处进行了详细定义,或者它只是一个没有“固定”名称的实现细节? 最佳答案 问得好,我也提倡使用正确的术语。队列、消息队列和事件队列指的是同一个构造(事件循环队列)。此构造具有在事件循环中触发的回调。有趣的是,有两个不同的

javascript - 使用 Webpack 4 构建 React 组件库

我目前正在构建一个React组件库并将其与Webpack4捆绑在一起。从构建库的包到将其发布到npm注册表,一切都运行良好。但是,我无法在其他React应用程序中导入它的任何组件并在运行时收到此错误消息:Elementtypeisinvalid:expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:undefined.Youlikelyforgottoexportyourcomponentfromthefileit'sdefinedin,oryoumighthavemi